﻿*{padding:0; margin:0; border:0; outline:0; box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,textarea,img{border:0;margin:0;padding:0;}
/** 设置默认字体 **/
body,textarea,input,button,select,keygen,legend{font:14px/1.5 Arial,'Microsoft YaHei'; color:#666;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{font-style:normal;}
/** 重置列表元素 **/
ul,li,ol {list-style:none;}
/** 重置超链接元素 **/
a{text-decoration:none;color:#666;}
a:hover{color:#00a4ee; text-decoration:none; -webkit-transition:.3s; transition:.3s;}
/** 重置图片元素 **/
.fl{float:left;} 
.fr{float:right;}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}

.top_bg{width:100%; height:100px; margin:auto; background:#fff; position:fixed; top:0; left:0; right:0; z-index:9999; -webkit-transition:0.3s; transition:0.3s; box-shadow:-20px 20px 30px 0px rgba(158,158,158,.3);}
.logo{float:left; margin-top:10px;}
.w1200{width:95%; max-width:1200px; margin:auto;}
.navMenu{float:left;}
.navMenu>li{float:left; position:relative; line-height:100px; height:100px; font-size:16px;}
.navMenu>li>a{padding:0 30px; color:#000; text-transform:uppercase; display:block; position:relative;}
.navMenu>li>a:after{content:''; display:block; width:12px; height:10px; background:url(../images/menu_sjx.jpg) center bottom no-repeat; position:absolute; left:50%; bottom:0; margin-left:-6px;-webkit-transition:all .3s; transition:all .3s;-webkit-transform:scaleX(0);transform:scaleX(0);}
.navMenu>li:hover>a:after,.navMenu>li.on>a:after{-webkit-transform:scaleX(1);transform:scaleX(1);}
.navMenu>li>a:hover,.navMenu>li.on>a{color:#00a4ee;}
		
/* navMenu */
.navMenubox{float:left; margin-left:80px;}
.navMenu>li{position:relative;}
.navMenu>li>ul.sub-menu{position:absolute; left:50%; top:100px; z-index:3; display:none; background:#fff; width:160px; margin-left:-80px; box-shadow:0 5px 10px #333;}
.navMenu>li>ul.sub-menu li{background:none; margin:0; padding:0; position:relative; border-bottom:1px solid #e6e6e6; text-align:center;}
.navMenu>li>ul.sub-menu li:last-of-type{border-bottom:none;}
.navMenu>li>ul.sub-menu li>a{display:block; font-size:14px; line-height:35px; padding:0 26px; clear:both; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.navMenu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a{background:#00a4ee; color:#fff;}

.top_r{float:right; margin-top:38px;}
.top_rlg{float:left; background:url(../images/top_rlg.jpg) no-repeat left center; padding-left:30px; font-size:16px; line-height:24px;}

.Hsrch{margin:2px 0 0 40px; float:right;}
.Hsrch-menu{display:block; width:20px; height:20px; background:url(../images/fdj.jpg) no-repeat center center / cover;}
.Hsrch-box{width:100%; height:100px; background:#fff; border-top:1px solid #ddd; position:absolute; top:0px; left:0px; display:none; z-index:1002;}
.Hsrch-block{width:62% !important; height:32px; margin:35px auto 0;}
.Hsrch-block .btn{width:24px;height:32px;background:url(../images/icon-Hsrch2.png) no-repeat center center;float:left;}
.Hsrch-block .close{display:block;width:24px;height:32px;background:url(../images/icon-close2.png) no-repeat center center;float:right;}
.Hsrch-block .text{width:90%;height:32px;font-size:14px;float:left;margin:0 0 0 20px;}
.Hsrch-block .text::-webkit-input-placeholder{color:#6f6f6f;}
.Hlang:hover .Hlang-box{display:block;}

.flexslider{width:100%; height:100%; position:relative; overflow:hidden; margin-top:100px;}
.slides{position:relative; z-index:1;}
.slides li{height:100%; overflow:hidden;}
.slides li img{width:100%; display:block; transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transition:all 0.4s linear 1.2s; -moz-transition:all 0.4s linear 1.2s; -ms-transition:all 0.4s linear 1.2s; -o-transition:all 0.4s linear 1.2s; transition:all 0.4s linear 1.2s;}
.slides li.flex-active-slide img{transition-delay:0.4s !important; transform:scale(1); -webkit-transform:scale(1); -webkit-transition:all 5.0s linear; transition:all 5.0s linear;}
.flex-control-nav{position:absolute;bottom:40px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block; width:15px; height:15px; margin:0 5px;}
.flex-control-nav a{display:inline-block; width:15px; height:15px; border-radius:50%; line-height:45px; overflow:hidden; background:#fff; cursor:pointer;}
.flex-control-nav .flex-active{background:#00a4ee;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%; transform:translateY(-50%);}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute; padding:10px; background-size:30px 30px !important; border-radius:50%;}
.flex-direction-nav li a.flex-prev{left:100px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-prev:hover{background:rgba(0,0,0,.5) url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:100px;background:url(../images/next.png) center center no-repeat;}
.flex-direction-nav li a.flex-next:hover{background:rgba(0,0,0,.5) url(../images/next.png) center center no-repeat;}

.phxia,.banner,.sj{display:none!important;}

/* 首页产品中心部分 */
.in_pro{width:95%; max-width:1200px; margin:60px auto 0;}
.in_title{width:100%; margin:auto; text-align:center;}
.in_title h2{font-size:30px; line-height:30px; font-weight:bold; display:block;}
.in_title h2 span{position:relative; color:#00a4ee;}
.in_title h2 span::after{content:""; display:block; width:69px; height:30px; background:url(../images/in_title_rfgx.png) no-repeat left center; position:absolute; top:0; left:120%;}
.in_title h2 span::before{content:""; display:block; width:69px; height:30px; background:url(../images/in_title_lfgx.png) no-repeat right center; position:absolute; top:0; right:120%;}
.in_title h2 a{color:#00a4ee;}
.in_title h2 a:hover span{color:#004db9;}
.in_title p{font-size:14px; color:#999; text-transform:uppercase; margin-top:5px;}

.in_pronr{width:100%; margin:40px auto 0; position:relative;}
.in_pro_img{width:100%; margin:auto; text-align:center; overflow:hidden;}
.in_pro_img ul{width:10000%; position:relative;}
.in_pro_img ul li{width:380px; height:380px; float:left; margin-right:26px; position:relative;}
.in_pro_img ul li .pic{width:100%; float:left; overflow:hidden;}
.in_pro_img ul li .pic img{width:100%; display:block; -webkit-transition:all .3s; transition:all .3s;}
.in_pro_img ul li .pic img:hover{-webkit-transform:scale(1.1); transform:scale(1.1);}
.in_pro_img ul li .txtbg{background:rgba(0,162,234,.8); position:absolute; bottom:-380px; left:0; width:100%; height:380px; padding:0 20px; transition:all 1s; -webkit-transition:all 1s;}
.in_pro_img ul li:hover .txtbg{bottom:0;}
.in_pro_img ul li .txtbg h3{font-size:24px; color:#fff; line-height:30px; margin-top:40%;}
.in_pro_img ul li .txtbg h3:after{content:""; display:block; width:54px; height:54px; margin:20px auto 0; background:url(../images/in_pro_jh.png) no-repeat center center; background-size:54px 54px;}
.in_pro_l,.in_pro_r{position:absolute; top:50%; margin-top:-40px; width:34px; height:80px; transition:0.3s; cursor:pointer; overflow:hidden;}
.in_pro_l{left:-60px; background:url(../images/left.jpg) center no-repeat;}
.in_pro_l:hover{background:url(../images/lefth.jpg) center no-repeat;}
.in_pro_r{right:-60px; background:url(../images/right.jpg) center no-repeat;}
.in_pro_r:hover{background:url(../images/righth.jpg) center no-repeat;}

.in_pro_btn{width:200px; margin:60px auto 0; position:relative; overflow:hidden;}
.in_pro_btn a{width:200px; height:50px; display:block; line-height:46px; font-size:16px; text-align:center; background:#fff; border:2px solid #00a4ee; color:#00a4ee;}
.in_pro_btn a:hover{background:#00a4ee; color:#fff; border:1px solid #00a4ee;}
.in_pro_btn a:before{content:""; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(120deg,transparent,rgba(255, 255, 255, 0.4),transparent); transition:all 650ms;}
.in_pro_btn a:hover:before{left:100%;}

/* 首页关于我们部分 */
.in_aboutbg{width:100%; margin:60px auto 0; background:url(../images/in_aboutbg.jpg) no-repeat center; background-size:cover; padding:60px 0; overflow:hidden;}
.in_title2{width:100%; margin:auto; text-align:center;}
.in_title2 h2{font-size:30px; line-height:30px; font-weight:bold; display:block;}
.in_title2 h2 span{position:relative; color:#fff;}
.in_title2 h2 span::after{content:""; display:block; width:69px; height:30px; background:url(../images/in_title_rfgx.png) no-repeat left center; position:absolute; top:0; left:120%;}
.in_title2 h2 span::before{content:""; display:block; width:69px; height:30px; background:url(../images/in_title_lfgx.png) no-repeat right center; position:absolute; top:0; right:120%;}
.in_title2 h2 a{color:#fff;}
.in_title2 h2 a:hover span{color:#00a4ee;}
.in_title2 p{font-size:14px; color:#fff; text-transform:uppercase; margin-top:5px;}
.in_aboutnr{width:100%; margin:60px auto 0;}
.in_aboutl{width:50%; float:left; background:#fff; padding:40px 30px;}
.in_aboutl_title{width:100%; float:left; background:url(../images/in_about_titfgx.jpg) no-repeat bottom left; padding-bottom:20px;}
.in_aboutl_title h3{font-size:26px; line-height:26px; color:#000; letter-spacing:5px;}
.in_aboutl_text{width:100%; float:left; margin-top:20px; line-height:34px;}
.in_aboutl_btn{width:180px; float:left; margin-top:26px; position:relative;}
.in_aboutl_btn a{display:block; font-size:14px; line-height:40px; border:1px solid #ddd; color:#666; padding-left:40px;}
.in_aboutl_btn a:hover{background:#00a4ee; color:#fff; border-color:#00a4ee;}
.in_aboutl_btn i{position:absolute; top:15px; right:40px; width:18px; height:14px; background:url(../images/in_about_moretb.png) no-repeat center center;}
.in_aboutl_btn:hover i{background:url(../images/in_about_moretbh.png) no-repeat center center;}
.in_aboutr{width:50%; float:right; overflow:hidden; box-shadow:0 3px 10px #444;}
.in_aboutr img{width:100%; display:block; -webkit-transition:all .3s; transition:all .3s;}
.in_aboutr:hover img{-webkit-transform:scale(1.1); transform:scale(1.1); cursor:pointer;}

/* 首页新闻资讯部分 */
.in_news{width:95%; max-width:1200px; margin:60px auto 0;}
.I-nav{text-align:center;margin:40px auto 0;}
.I-nav a{display:inline-block;width:140px;line-height:44px;font-size:16px;color:#000;border:1px solid #d6d6d6;border-radius:6px;margin:0 10px;}
.I-nav a.cur,.I-nav a:hover{color:#fff;background:#00a4ee;border-color:#00a4ee;}
.I-nav .more{display:inline-block;width:140px;line-height:44px;font-size:16px;color:#000;}

.in_news_list{width:100%; margin:40px auto 0; padding-bottom:50px; position:relative; overflow:hidden; display:none;}
.in_news_list ul{width:10000%; position:relative;}
.in_news_list li{width:0.32%; float:left; margin-right:0.02%;}
.in_news_list li .pic{width:100%; float:left; overflow:hidden; position:relative;}
.in_news_list li .pic img{width:100%; display:block; transition:all .3s; -webkit-transition:all .3s;}
.in_news_list li:hover .pic img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.in_news_list li .time{width:80px; height:80px; position:absolute; left:0; top:0; background:rgba(0,0,0,.5); text-align:center; color:#fff;}
.in_news_list li .time h3{font-size:36px; font-weight:bold; line-height:30px; padding-top:15px;}
.in_news_list li .time p{margin-top:5px;}
.in_news_list li .txt{width:100%; float:left; background:#fff; border:1px solid #e6e6e6; border-top:none; padding:20px;}
.in_news_list li .txt_tit{width:100%; float:left; font-size:16px; font-weight:bold; color:#000; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.in_news_list li a .txt_tit{color:#000;}
.in_news_list li:hover a .txt_tit{color:#00a4ee;}
.in_news_list li .txt_wz{width:100%; float:left; margin-top:10px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis;
 display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical;}
.in_news_list li .more{width:100%; float:left; margin-top:10px;}
.xbc_dd{position:absolute; left:0; bottom:0; width:100%; text-align:center; z-index:5;}
.xbc_dd span{z-index:2;cursor:pointer; margin-right:10px;display:inline-block;width:10px;height:10px;zoom:1;border-radius:100%; background:#ccc; position:relative;transition:all .3s}
.xbc_dd span.on,.xbc_dd span:hover{transform:scale(1.1); -webkit-transform:scale(1.1); background:#00a4ee;}

/* 底部信息 */
.footer_bg{width:100%; margin:60px auto 0; background:url(../images/footer_bg.jpg) no-repeat center center; background-size:cover; padding:50px 0 30px; overflow:hidden;}
.footer{width:95%; max-width:1200px; margin:auto;}
.foot_list{width:60%; float:left;}
.foot_list ul{width:22%; float:left; min-height:180px; margin-right:3%;}
.foot_list ul:nth-child(4n){margin-right:0;}
.foot_list ul li{width:100%; float:left;}
.foot_list ul li.foot_l_bt a{color:#fff; font-size:18px; float:left; font-weight:100; margin-bottom:10px;}
.foot_list ul li.foot_l_bt.on{background:url(../images/img-74.png) no-repeat right center; background-size:16px;}
.foot_list ul li a{line-height:30px; font-size:14px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.foot_list ul li a:hover{color:#00a4ee;}

.foot_cont{width:22%; float:left;}
.foot_cont_tit{width:100%; float:left; font-size:18px; float:left; text-transform:uppercase;}
.foot_cont_tit a{color:#fff;} .foot_cont_tit a:hover,.foot_cont_txt a:hover{color:#00a4ee;}
.foot_cont_txt{width:100%; float:left; margin-top:10px; line-height:30px; font-size:14px; color:#999;}
.foot_cont_txt a{color:#999;}

.foot_ewm{width:12%; float:right}
.foot_ewm img{width:100%; display:block; float:left;}
.foot_ewm span{width:100%; float:left; text-align:center; line-height:30px; margin-top:10px; color:#999;}

.copy_bg{width:100%; margin:60px auto 0; padding-top:30px; background:url(../images/copy_fgx.jpg) top center no-repeat;}
.copy{width:95%; max-width:1200px; margin:auto; text-align:center; line-height:30px; color:#999;}
.copy a{color:#999;}
.copy a:hover{color:#00a4ee;}

/*右侧浮动*/
.y-kefu-box{position:fixed; right:0; top:20%; z-index:9999; font-size:13px; cursor:pointer;}
.y-kefu-box img{display:block; width:100%; height:auto;}
.y-kefu-box01 .icon{display:block; background:url(../images/icons01.png) no-repeat; margin:0 auto 6px;}
.y-kefu-box01{width:54px; color: #666; text-align: center;}
.y-kefu-box01 .kf-close-btn{width:27px; height:27px; background-position:-5px -115px; position: relative; cursor:pointer;}
.y-kefu-box01 .kf-close-btn:before{content:''; display: block; width:1px; height:12px; background-color:#00a4ee; position: absolute; bottom:-12px; left:13px; z-index: 1;}
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div{display:block; width:52px; padding:8px 0 12px; background-color:#fff; border-left:solid 1px #efefef; border-top:solid 1px #efefef; border-right:solid 1px #efefef; position:relative;}
.y-kefu-box01 .show-status{position: relative;}
.y-kefu-box01 .show-status .kf-qiao{background-color:#00a4ee; border-color: #00a4ee; color: #fff; margin: 10px 0 7px;}
.y-kefu-box01 .kf-qiao{border-radius:2px;}
.y-kefu-box01 .kf-qiao i{width:21px; height:22px; background-position:-30px -150px;}
.y-kefu-box01 .kf-QQ{border-top-left-radius:2px;border-top-right-radius:2px;}
.y-kefu-box01 .kf-QQ>i{width:21px; height:22px; background-position:-5px -5px;}
.y-kefu-box01 .kf-QQ:hover>i{background-position:-30px -5px;}
.y-kefu-box01 .kf-zixun{border-radius:2px;}
.y-kefu-box01 .kf-zixun i{width:21px;height:22px;background-position:-30px -150px;}
.y-kefu-box01 .kf-mobile{border-top-left-radius:2px; border-top-right-radius:2px;}
.y-kefu-box01 .kf-mobile>i{width:18px; height:18px; background-position:-5px -32px;}
.y-kefu-box01 .kf-mobile:hover>i{background-position:-30px -32px;}
.y-kefu-box01 .kf-weChat>i{width:22px; height:19px; background-position:-5px -55px;}
.y-kefu-box01 .kf-weChat:hover>i{background-position:-30px -55px;}
.y-kefu-box01 .kf-email{border-bottom-left-radius:2px; border-bottom-right-radius:2px;}
.y-kefu-box01 .kf-email>i{width:18px; height:14px; background-position:-5px -80px;}
.y-kefu-box01 .kf-email:hover>i{background-position:-30px -80px;}
.y-kefu-box01 .back-top i{width:13px; height:11px; background-position:-5px -98px;}
.y-kefu-box01 .back-top:hover i{background-position:-30px -98px;}
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top{border-bottom:solid 1px #efefef;}
.y-kefu-box01 .back-top{margin-top:-1px; border-radius:2px; left:55px;}
.y-kefu-box01 .hver:hover{background-color:#00a4ee; border-color:#00a4ee;}
.y-kefu-box01 .hver:hover>p{color:#fff;}
.y-kefu-box01 .mobile-infos,.y-kefu-box01 .QQ-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos{background-color:#fff; border:solid 1px #efefef; position:absolute; right:90px; z-index:2; border-radius:2px; display:none;}
.y-kefu-box01 .mobile-infos{width:215px; text-align:left; top:0;}
.y-kefu-box01 .mobile-infos>div{padding:20px 0 20px 45px; position:relative;}
.y-kefu-box01 .mobile-infos>div i{width:15px; height:15px; background-position:-52px -32px; position:absolute; top:22px; left:20px; z-index:2;}
.y-kefu-box01 .mobile-infos .online1{border-bottom:solid 1px #efefef;}
.y-kefu-box01 .mobile-infos span{color:#999;}
.y-kefu-box01 .mobile-infos p{color:#00a4ee; font-size:18px;}
.y-kefu-box01 .QQ-infos{width:320px;text-align: left;top: 0;}
.y-kefu-box01 .part01{padding:20px 20px 20px 30px; border-bottom:solid 1px #e9e9e9; position:relative;}
.y-kefu-box01 .part01 p{font-size:16px; color:#00a4ee; padding-bottom:5px;}
.y-kefu-box01 .part01 i{width:28px; height: 26px; background-position:-40px -5px; position: absolute; left:0; top:18px; z-index:2;}
.y-kefu-box01 .part02{padding:20px;}
.y-kefu-box01 .part02 li{width:86px; float:left; position:relative; margin:10px; padding-left:30px;}
.y-kefu-box01 .part02 i{width:22px; height:22px; background-position:-5px -5px; position:absolute; left:0; top:0; z-index:2;}
.y-kefu-box01 .part02 li:hover a{color:#00a4ee;}
.ri{width:12px; height:12px; position:absolute; right:-12px; top:24px;}
.ri-arrow1,.ri-arrow2{width:0; height:0; display:block; position:absolute; left:0; top:0; border-top:6px transparent dashed; border-right:6px transparent dashed; border-bottom:6px transparent dashed; border-left:6px white solid; overflow:hidden;}
.ri-arrow1{left:1px; border-left:6px #efefef solid;}
.ri-arrow2{border-left:6px white solid;}

.y-kefu-box01 .y-ewm-box{width:151px; height:178px; top:-60px;}
.y-kefu-box01 .y-ewm-box>div{width:151px; height:178px;}
.y-kefu-box01 .y-ewm-box img{width:94px; height:94px; margin:30px auto 10px;}
.y-kefu-box01 .y-ewm-box .y-ewm-img1{width:150px; border-right:solid 1px #efefef;}
.y-kefu-box01 .y-ewm-box .right{top:84px;}

.y-kefu-box01 .y-email-infos{padding:28px 20px 28px 45px; color:#999; text-align:left; bottom:0;}
.y-kefu-box01 .y-email-infos p{color:#00a4ee; font-size:16px;}
.y-kefu-box01 .y-email-infos>i{width:18px; height:13px; background-position:-52px -80px; position:absolute; left:15px; top:30px;}
.y-kefu-box01 .y-email-infos .right{top:55px;}
.y-kefu-box01 .hide-status{width:54px; height:65px; background-color:#00a4ee; position:absolute; top:37px; left:55px; z-index:9;}
.y-kefu-box01 .hide-status .kf-zixun{padding:10px 0 7px; color:#fff; cursor:pointer;}

/*首页代码 End*/

.ny_bn{width:100%; height:400px; margin:100px auto 0; position:relative; overflow:hidden;}
.ny_bn img{width:100%; display:block; position:absolute; left:50%; top:0; margin-left:-50%;}

.dw{width:95%; max-width:1200px; margin:20px auto 0;}
.dw_wz{float:left; background:url(../images/home_tb.png) left center no-repeat; margin-top:5px; padding-left:30px;}
.dw_wz span{color:#00a4ee;}

.menu{width:95%; max-width:1200px; margin:auto;}
.menu ul{width:100%; position:relative; text-align:center; overflow:hidden;}
.menu ul li{display:inline-block; color:#000; margin:0 5px 10px 0; position:relative;}
.menu ul li a:after{content:''; position:absolute; bottom:-9px; height:0; width:0; margin:auto; left:0; right:0; border:9px solid transparent; border-top:9px solid #00a4ee; border-bottom:none; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity:0;}
.menu ul li a{color:#000; display:block; font-size:18px; padding:0 40px; line-height:52px; background:#eee; border-radius:5px;}
.menu ul li a:hover,.menu ul li a.cur{color:#fff; background:#00a4ee;}
.menu ul li a:hover:after,.menu ul li a.cur:after{opacity:1;}

.ny_list{width:100%; float:left; position:relative;}
.ny_list ul{width:100%; position:relative; text-align:center; overflow:hidden;}
.ny_list ul:after{content:""; display:block; width:100%; height:1px; background:#e6e6e6; position:absolute; left:0; top:28px; z-index:-1;}
.ny_list ul li{line-height:40px; display:inline-block; margin:8px 6px;}
.ny_list ul li a{display:block; line-height:40px; font-size:15px; text-align:center; padding:0 20px; color:#000; text-decoration:none; background:#fff; border:1px solid #d6d6d6; border-radius:30px;}
.ny_list ul li a:hover,.ny_list ul li a.on{background:#00a4ee; color:#fff; border-color:#00a4ee;}

.ny_main{width:95%; max-width:1200px; margin:40px auto 60px;}
.ny_text{width:100%; float:left; margin-top:60px; line-height:30px; font-size:15px;}
.f18{font-weight:bold; font-size:18px; color:#00a4ee;}
.m30{margin-top:30px;}

.honor_r_img{width:100%; float:left; margin-top:30px;}
.honor_r_img li{width:23%; float:left; margin:25px 2.5% 0 0; text-align:center; padding:10px 10px 0 10px; background:#fff; border:1px solid #ddd; border-bottom:3px solid #ddd; position:relative;}
.honor_r_img li:nth-child(4n){margin-right:0;}
.honor_r_img li img{width:100%; display: block;}
.honor_r_img li::before{content:""; position:absolute; height:3px; bottom:-3px; left:0; transition:all .5s; width:0;}
.honor_r_img li:hover::before{width:100%; background:#00a4ee; transition:all .5s}
.honor_r_img li p{font-size:16px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; padding:10px 0;}
.honor_r_img li:hover{background:#eee; box-shadow:0 1px 10px #999;}

.pagination{width:100%; height:auto; float:left; text-align:center; font-size:0px; position:relative; overflow:hidden; margin:60px 0 20px;}
.pagination a,.pagination span{display:inline-block; padding:0 14px; line-height:36px; font-size:14px; border:1px solid #e5e5e5; margin:0 5px;}
.pagination span.current,.pagination a:hover{color:#fff; border-color:#00a4ee; background:#00a4ee;}

/** 关于我们代码 End **/

.pro_img{width:100%; float:left; margin-top:20px;}
.pro_img li{width:23%; float:left; margin:40px 2.5% 0 0;-webkit-transition: all .3s; transition: all .3s;}
.pro_img li:hover{box-shadow:0px 10px 20px rgba(0,0,0,0.3);transform:translate3d(0,-5px,0);}
.pro_img li:nth-child(4n){margin-right:0;}
.pro_img li .pic{width:100%; float:left; overflow: hidden;}
.pro_img li .pic img{width:100%; display: block; -webkit-transition: all .5s; transition: all .5s;}
.pro_img li .pic img:hover{transform:translate(0,-5px); -webkit-transform:translate(0,-5px);}
.pro_img li .biaoti{width:100%; float:left; background:#fff; border: 1px solid #ddd; padding:20px;}
.pro_img li:hover .biaoti{background:#00a4ee; border-color:#00a4ee;}
.pro_img li .biaoti h3{float:left; font-size:18px; line-height:18px; color:#000; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro_img li a .biaoti h3{color:#000;}
.pro_img li a:hover .biaoti h3{color: #fff;}
.pro_img li .biaoti i{float:right; width:18px; height:14px; background:url(../images/in_about_moretb.png) no-repeat center right;}
.pro_img li:hover .biaoti i{background:url(../images/in_about_moretbh.png) no-repeat center right;}

.products{width:100%; float:left; margin-top:60px;}
.pros_left{width:50%; float:left; position: relative;}
.pros_left .swiper-container{width:100%; height:100%;}
.pros_left .swiper-slide{width:100% !important; text-align:center;font-size:18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.pros_left .swiper-slide img{width:100%; display:block;}
.pros_left .swiper-pagination-bullet{width:12px; height:12px; background:#fff; opacity:.8;}
.pros_left .swiper-pagination-bullet-active{opacity:1; background:#00a4ee;}

.pros_right{width:46%; float:right;}
.pros_right_top{width:100%; float:left; border-bottom:1px solid #ddd; padding-bottom:20px;}
.pros_right_top h2{overflow:hidden; display:block; font-size:30px; color:#00a4ee; padding-bottom:10px;}
.pros_right_top p{font-size:18px; color:#333; line-height:28px;}
.proleft{width:100%;float:left; margin-top:30px;}
.proleft p{margin-top:10px; line-height:30px; font-size:15px;}
.proleft_tel{width:100%; float:left; margin-top:40px; border:1px dashed #ddd; border-width:1px 0; padding:20px 0; background:url(../images/promore_dhtb.png) no-repeat left 20px; padding-left:40px; font-size:16px; line-height:30px;}
.proleft_tel strong{font-size:20px; font-weight:bold; color:#00a4ee}

.proleft_btn{width:100%; float:left; margin-top:40px;}
.proleft_btn li{width:160px; float:left; margin-right:20px;}
.proleft_btn li a{width:160px; line-height:46px; text-align:center; font-size:16px; background:#eee; border-radius:5px; display:block;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#00a4ee; color:#fff;}

.tabs-basic{width:100%; margin-top:60px; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:center; margin:0; padding:0; border-bottom:1px solid #e6e6e6; background:#fff;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:18px; text-transform:uppercase; position:relative;}
.tabs-basic ul li a.tab-active::after{content:''; position:absolute; bottom:-9px; height:0; width:0; margin:auto; left:0; right:0; border:9px solid transparent; border-top:9px solid #00a4ee; border-bottom:none; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.tabs-basic ul li a{display:block; text-decoration:none; background:#eee; padding:15px 50px; color:#000;}
.tabs-basic .tab-active{border-bottom:2px solid #00a4ee; color:#fff; background:#00a4ee; font-weight:bold;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; background:#fff; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:30px; font-size:15px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;}
.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}

.hot_pro2{width:100%;float:left; margin-top:60px;}
.hot_pro2_tit{width:100%; background:#fff; float:left; border-bottom:1px solid #ddd;}
.hot_pro2_tit h3{width:180px; float:left; color:#fff; line-height:52px; font-size:18px; padding:0 20px; background:#00a4ee; text-align:center; font-weight:bold; position:relative;}
.hot_pro2_tit h3:after{content:''; position:absolute; bottom:-9px; height:0; width:0; margin:auto; left:0; right:0; border:9px solid transparent; border-top:9px solid #00a4ee; border-bottom:none; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

.scrollleft2{width:100%; float:left; margin-top:40px;}
.scrollleft2 li{width:240px; float:left; margin-right:20px; overflow:hidden;}
.scrollleft2 li img{width:100%; display:block; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #00a4ee;}
.scrollleft2 li span{display:block; width:100%; line-height:30px; margin-top:10px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}

/** 产品中心代码 End **/

.newsList{width:100%; float:left; margin-top:40px;}
.newsList li{border:1px solid #e2e2e2; background:#fff; padding:30px; overflow:hidden; margin-top:20px; transition:all .3s; border-radius:5px;}
.newsList li .font{width:73%; float:right; overflow:hidden; color:#333;}
.newsList li .date{width:80px; height:110px; float:right; background:#00a4ee; color:#d6d6d6; padding-left:15px; font-size:14px; position:relative; margin-left:40px; transition:all .4s;}
.newsList li .date a{color:#fff;}
.newsList li .date a:hover{color:#fff;}
.newsList li .date span{display:block; padding-top:30px; font-size:24px; color:#fff;}
.newsList li .date:after{position:absolute; content:""; width:50px; right:60px; background:#00a4ee; height:1px; top:10px; width:0; transition:all .3s; -webkit-transition:.3s;}
.newsList li h3{font-size:18px; line-height:18px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:10px 0 20px;}
.newsList li h3 a{color:#000;} 
.newsList:hover li h3 a{color:#00a4ee;}
.newsList li .txt{color:#666; font-size:15px; line-height:30px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis;
 display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical;}
.newsList li .btn{width:140px; float:left; margin-top:20px;}
.newsList li .btn a{width:140px; display:block; line-height:36px; background:#fff; border:1px solid #ddd; text-align:center; transition:all .3s;  -webkit-transition:.3s;}
.newsList li:hover .btn a{width:180px; background:#00a4ee; color:#fff; border-color:#00a4ee;}
.newsList li .pic{width:25%; float:left; overflow:hidden;}
.newsList li img{width:100%; display:block; transition:all .5s; height:200px; object-fit:cover;}
.newsList li:hover .date{margin-left:60px;}
.newsList li:hover .date:after{width:80%;}
.newsList li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.newsList li:hover{box-shadow:0 5px 20px #d6d6d6;}

.new-view-title{width:100%; float:left; text-align:center; padding-bottom:10px; border-bottom:1px solid #e6e6e6;}
.new-view-title h2{line-height:30px; font-size:24px; font-weight:bold; color:#00a4ee;}
.new-view-wz{width:100%; float:left; text-align:center; line-height:28px; color:#999; margin-top:10px; font-size:14px;}
.newsmore_text{width:100%;float:left; margin-top:40px; line-height:30px; font-size:15px;}

.view-page{width:100%; min-height:40px; float:left; position:relative; margin:40px 0; border-top:1px solid #ddd; padding-top:30px;}
.view-page .prev,.view-page .back,.view-page .next{font-size:16px; width:160px; line-height:52px; position:absolute; transition:background-color .25s ease-in-out; -webkit-transition:background-color .25s ease-in-out;}
.view-page .prev{left:0;}
.view-page .prev a{background:#fff url(../images/le.png) 20px center no-repeat; padding-left:60px; border:1px solid #e6e6e6;}
.view-page .prev:hover a{color:#fff; background:url(../images/le-white.png) 20px center no-repeat #00a4ee;}
.view-page a{display:block;} 
.view-page .back{left:50%; margin-left:-80px; width:160px;}
.view-page .back a{background:url(../images/back.png) 20px center no-repeat #00a4ee;color: #fff; text-align:center; padding-left:25px; border:none;}
.view-page .back a:hover{background:url(../images/back.png) 20px center no-repeat #004db9; color:#fff;}
.view-page .next{right:0;}
.view-page .next a{background:#fff url(../images/ri.png) 85% center no-repeat;text-align:center; border:1px solid #e6e6e6;}
.view-page .next:hover a{color:#fff; background:url(../images/ri-white.png) 85% center no-repeat #00a4ee;}

.new_s2{width:100%;float:left; margin-top:60px;}
.news_random2{width:100%;float:left; margin-top:20px;}
.news_random2 ul li{width:48%; float:left; line-height:52px; overflow:hidden; margin-right:4%; border-bottom:1px dashed #e6e6e6;}
.news_random2 ul li:nth-child(2n){margin-right:0;}
.news_random2 ul li a{width:74%; font-size:16px; float:left; background:url(../images/ly_li.png) no-repeat left center; padding-left:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_random2 ul li a:hover{color:#00a4ee;}
.news_random2 ul li span{float:right; color:#999;}

/** 新闻中心代码 End **/

.jobctit{background:#00a4ee; line-height:80px; font-size:18px; color:#fff; margin-top:60px;}
.jobctit span{display:inline-block; width:18%; text-align:center;}
.job-content{width:100%; float:left; background:#fff;}
.job-content dl{width:100%; float:left;}
.job-content dl dt{height:62px; line-height:62px; cursor:pointer; border-bottom:1px solid #e6e6e6; font-size:16px; display:block; overflow:hidden;}
.job-content span.job_money,.job-content span.job_num{padding-right:10px;}
.job-content span.job_add,.job-content span.job_time{padding-right:20px;}
.job-content span.job_cls{width:6%;}
.job-content dl dt .down{width:11px;height:60px;background:url(../images/dl.png) no-repeat center;display:block;}
.job-content dl dt.cur .down{background:url(../images/dlon.png) no-repeat center;}
.job-content dl dt span{float:left;width:18.5%;text-align:center;color:#666;}
.job-content span.job_post{text-align:left;padding-left:25px;}
.job-content dl dd{background:#f8f8f8;padding:25px;line-height:30px; font-size:15px; overflow:hidden;}
.job-content dl dd p{color:#666; margin-top:10px;}
.job-content dl dd p span{font-weight:500; color:#00a4ee; font-size:18px;}
.job-content dl dd .cont{width:100%; border-top:1px solid #e6e6e6; padding:10px 0 20px; margin:20px 0;}
.job-content dl dd .cont li{width:31%; float:left; margin-right:3.5%; padding-left:30px;}
.job-content dl dd .cont li:nth-child(1){background:url(../images/dianhua.png) left no-repeat; background-size:25px 25px;}
.job-content dl dd .cont li:nth-child(2){background:url(../images/dingwei.png) left no-repeat; background-size:25px 25px;}
.job-content dl dd .cont li:nth-child(3){background:url(../images/youxiang.png) left no-repeat; background-size:25px 25px; margin-right:0;}

/**加入我们代码 End**/

.message{width:100%; float:left; margin-top:60px;}
.message h2{text-align:center; color:#333; font-size:24px; font-weight:bold;}
.message ol{width:100%;float:left; margin-top:30px;}
.message ol li{float: left; width:49%; margin-bottom:20px; background:#fff; border:1px solid #e6e6e6; border-radius:5px;}
.message ol li:nth-child(2n){float:right;}
.message ol li:nth-child(6){float:left; border:none;}
.message ol li:nth-child(7){float:right; border:none;}
.message ol li input{width:100%; height:50px;  background:none; border:none; color:#999; padding:0 15px; font-size:14px; outline:none; -webkit-appearance:none;}
.message ol li textarea{font-size:14px; padding:10px 15px; width:100%; height:180px; border:none; background:none; color:#999; outline:none; -webkit-appearance: none;}
.message ol li .btn,.message ol li .btn2{color:#fff; font-size:16px; cursor:pointer; border-radius:5px;}
.message ol li .btn{background:#00a4ee;}
.message ol li .btn2{background:#999; color:#fff;}

/**客户留言代码 End**/

.cont_text{width:100%; float:left; border-bottom:1px solid #ddd; padding-bottom:30px; margin-top:60px;}
.cont_l{width:70%;float:left; line-height:36px; font-size:16px;}
.cont_l h2{font-size:24px; font-weight:bold; color:#00a4ee; margin-bottom:10px;}
.cont_r{float:right; text-align:right;}
.cont_r img{width:200px; height:200px;}
.map{width:100%; float:left; margin-top:60px;}

/**联系我们代码 End**/